<template>
<div class="pad20">
    <div class=" clearfix">
        <span>
            <span>信用等级</span>
            <el-select class="left10" v-model="value" placeholder="请选择">
                <el-option v-for="item in []" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
            </el-select>
        </span>
        <span class="left20">
            <span>所在组织</span>
            <el-select class="left10" v-model="value" placeholder="请选择">
                <el-option v-for="item in []" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
            </el-select>
        </span>
        <span class="left20">
            <span>其他</span>
            <el-input style="width: 220px" class="left10" v-model="input" placeholder="姓名/身份证"></el-input>
        </span>
        <el-button type="primary">搜索</el-button>
        <el-button type="primary" class="right">新增</el-button>
    </div>
    <el-table ref="multipleTable" class="top20" :data="list" fit highlight-current-row style="width: 100%;" header-row-class-name="tableHeader">
        <el-table-column label="姓名" prop="a" align='center'></el-table-column>
        <el-table-column label="身份证" prop="b" align='center'></el-table-column>
        <el-table-column label="性别" prop="c" align='center'></el-table-column>
        <el-table-column label="年龄" prop="d" align='center'></el-table-column>
        <el-table-column label="信用等级" prop="e" align='center'></el-table-column>
        <el-table-column label="所在组织" prop="f" align='center'></el-table-column>
        <el-table-column label="联系方式" prop="g" align='center'></el-table-column>
        <el-table-column label="操作" align='center' width='200'>
            <template slot-scope="{row,$index}">
                <el-button type="primary">查看</el-button>
                <el-button type="primary" class="left10">编辑</el-button>
                <el-button type="danger" class="left10">删除</el-button>
            </template>
        </el-table-column>
    </el-table>
    <div class="align-right top20">
        <el-pagination v-show="total>0" :total="total" :current-page.sync="originalQuery.pageNumber" :page-size="originalQuery.pageSize" background layout="prev, pager, next" @current-change="getList" @size-change="sizeChange" />
    </div>
</div>
</template>

<script>


export default {
    components: {},
    data() {
        return {
            daterange: '',
            list:[
                {a: '倪璇', b: '420103198603074973', c: '女', d: '31', e: '极好', f: '武汉至爱健康养老服务有限公司', g:'18482391741'},
                {a: '张英', b: '42010319860307333X', c: '女', d: '33', e: '极好', f: '秦淮区龙王庙社区党群服务中心', g:'18406853690'},
                {a: '李月琴', b: '420103198603075431', c: '女', d: '36', e: '极好', f: '贺家墩社区养老院', g:'18423262452'},
                {a: '吕文珍', b: '420103198603078317', c: '女', d: '30', e: '极好', f: '唐家墩街西桥社区长者照护中心', g:'18453057163'},
                {a: '杭飒', b: '420103198603074631', c: '男', d: '41', e: '极好', f: '单洞社区颐伦老年人服务中心', g:'18414971383'},
                {a: '王瑞琴', b: '420102199003076471', c: '女', d: '36', e: '极好', f: '唯老汇商一社区居家养老服务中心', g:'13962129055'},
                {a: '陆建毅', b: '420102199003073932', c: '男', d: '35', e: '极好', f: '唐家墩马场社区居家养老中心', g:'18200398085'},
                {a: '张翔', b: '54653535553553533', c: '女', d: '38', e: '极好', f: '王家巷社区炎黄居家养老服务中心', g:'17862399943'},
                {a: '达明香', b: '420102199003079111', c: '男', d: '39', e: '极好', f: '樊集居家养老服务中心', g:'17399509694'},
                {a: '陈兴兰', b: '420102199003073836', c: '女', d: '32', e: '极好', f: '民意街天后社区居家养老中心', g:'17384791351'},
            ],
            total: 4000,
            originalQuery: {
                pageNumber: 1,
                pageSize: 20,
            },
            input: '',
            value: '',
            options: [{
                    label: '一级',
                    value: 1
                },
                {
                    label: '二级',
                    value: 2
                },
                {
                    label: '三级',
                    value: 3
                },
            ]
        };
    },
    computed: {},
    watch: {},
    created() {},
    mounted() {},
    methods: {
        sizeChange(){

        },
        getList(){
            
        }
    }
};
</script>

<style scoped>

</style>
